<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<<<<<<< HEAD
	<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>注册</title>
<link rel="stylesheet" type="text/css" href="static/css/index_css.css"/>
<style>
#top {
				width: 100%;
				height: 100px;
				border-bottom: solid 1px gainsboro;
			}
			
			#topleft {
				width: 30%;
				height: 80%;
				float: left;
				margin-top: 40px;
			}
			
			.nam {
				margin: 0px;
				padding: 0px;
			}
			
			.right {
				width: 120px;
				height: 100%;
				text-align: center;
				float: left;
				list-style-type: none;
				margin-top: 75px;
				margin-left: 10px;
				text-decoration: none;
			}
			
			.right a {
				text-decoration: none;
			}
			
			input[type] {
				border: 1px solid darkorange;
				background: white;
			}
			
			#button {
				border: 10px solid orange;
				width: 200px;
				box-shadow: 0px 4px 5px #666;
				background: orange;
				color: white;
			}
			.kong{
				height: 40px;
				width: 300px;
			}
			#button{
				height: 40px;
				width: 220px;
			
			}
			.jeq{
				
				padding-top: 80px;
				padding-bottom: 150px ;
			}
</style>
<script>
			function checkName() {
				var userName = document.getElementById("userName").value;
				if(userName.length == "") {
					document.getElementById("one").innerHTML = "用户名不能为空"
					document.getElementById("one").style.color = "red";
					document.getElementById("button").disabled=true;
					
				} else {
					document.getElementById("one").innerHTML = ""
					document.getElementById("button").disabled=false;
				}
			}
			
			function checkPsw() {
				document.getElementById("two").innerHTML = "请填写6-12位的密码"
				document.getElementById("two").style.color = "#999";


			}


			function pwd1() {
				p = document.getElementById("userPsw").value;


				if(p.length >= 6 && p.length <= 20) {
					document.getElementById("two").innerHTML = ""
					
				} else {
					document.getElementById("two").innerHTML = "格式错误,请输入6-20位"
					document.getElementById("two").style.color = "red";
				}
			}


			function checkPsw2() {
				var qpw = document.getElementById("userPsw").value;
				var qpw2 = document.getElementById("userPsw2").value;


				if(qpw == qpw2 && p.length >= 6 && p.length <= 20) {
					document.getElementById("three").innerHTML = "<font color='green'></font>";
					document.getElementById("button").disabled = false;
				} else {
					document.getElementById("three").innerHTML = "<font color='red'>两次密码不相同或者格式错误</font>";
					document.getElementById("button").disabled = true;
				}
			}
			
			function checkMobile(){
				var tel=document.getElementById("tel").value;
				var telPrompt=document.getElementById("four");
				var regMobile=/^1\d{10}$/;
				if(regMobile.test(tel)==false){;
					telPrompt.innerHTML="<font color='red'>手机号码输入不正确，请重新输入！</font>"
					document.getElementById("button").disabled=true;
				}else{
					
					telPrompt.innerHTML="";
				    document.getElementById("button").disabled=false;
				}
			   
			}
		</script>


</head>


<body>
			<div id="top">
			<div id="topleft">
				<img src="" />
			</div>
			<div class="topright">
				<ul id="nav">
					<li class="right">
						<a style="color:#808080" href="#">首页</a>
					</li>
					<li class="right">
						<a style="color:#808080" href="#">iReader阅读器</a>
					</li>
					<li class="right">
						<a style="color:#808080" href="#">产品中心</a>
					</li>
					<li class="right">
						<a style="color:#808080" href="#">商务合作</a>
					</li>
					<li class="right">
						<a style="color:#808080" href="#">关于我们</a>
					</li>
					<li class="right">
						<a style="color:#808080" href="#">掌阅招聘</a>
					</li>
					<li class="right">
						<a style="color:#808080" href="#">登录</a>
					</li>
			</div>
		</div>
		<center>
			<div class="jeq">
				<form class="form-horizontal" action="AdminInfoAddAction" enctype="multipart/form-data" method="post">
					<h3>用户注册</h3>
					
					<p>用户名:&nbsp;&nbsp;&nbsp;&nbsp;<input name="username" type="text" class="kong" id="userName" placeholder="请填写用户名" required="required" onblur="checkName()">
					<br><span id="one"></span></p>
					<p>密码:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input name="userpsw" class="kong" id="userPsw" type="password" placeholder="请填写密码" onblur="pwd1()" required="required" onfocus="checkPsw()"><br><span id="two"></span></p>
					<p>确认密码:&nbsp;<input id="userPsw2" class="kong" type="password" placeholder="请确认密码" required="required" onblur="checkPsw2()"><br><span id="three"></span></p>
					<p>手机号:&nbsp;&nbsp;&nbsp;&nbsp;<input name="usertel" type="text" class="kong" id="tel" placeholder="请输入手机号" required="required" onblur="checkMobile()" ><br><span id="four"></span></p>
					<p><input type="checkbox" required="required">我已阅读注册手册</p>
					<p><input type="submit"  id="button" value="注册"></p>
				</form>
			</div>
		</center>
		<div class="div8">
			<ul>
				<li>
					<h1>售后服务</h1>
					<a href="#1">售后服务政策</a><br />
					<a href="#2">退换货办理</a><br />
					<a href="#3">维修流程</a><br />
				</li>
				<li>
					<h1>支付与配送</h1>
					<a href="#4">支付方式</a><br />
					<a href="#5">配送方式</a><br />
				</li>
				<li>
					<h1>关于掌阅</h1>
					<a href="#6">了解掌阅</a><br />
					<a href="#7">加入掌阅</a><br />
				</li>
				<li>
					<h1>关注掌阅</h1>
					<a href="#6">掌阅微博</a><br />
					<a href="#7">掌阅书城</a><br />
				</li>
				<li style="width: 200px;">
					<h1>客服热线</h1><br />
					<h2>400 895 9626</h2><br />
					周一至周日 9:00-18:00
				</li>
			</ul>
		</div>
		<footer class="the end">
			<div class="div5">
				<a href="/terms" title="法律声明">法律声明</a><a href="/copyright" title="版权声明">版权声明</a><a href="/privacy" title="隐私策略">隐私策略</a><a href="/aboutour/contact-us" title="联系我们">联系我们</a>	
			</div>
			<div class="div6">
				<span>
					<a href="http://www.ireader.com/static/images/papers/publishing_license_2018.jpg" target="_blank">出版物经营许可证</a>&nbsp;&nbsp;&nbsp;&nbsp;
					<a href="http://www.ireader.com/static/images/papers/icp.jpg" target="_blank">京ICP证090653号</a>&nbsp;&nbsp;&nbsp;&nbsp;
					<a href="/aboutour/publish" target="_blank">网络出版服务许可证 （总）网出证（京）字第 141 号</a>&nbsp;&nbsp;&nbsp;&nbsp;
					<a href="http://www.ireader.com/static/images/papers/document.jpg" target="_blank">网文证</a>&nbsp;&nbsp;&nbsp;&nbsp;
					<a id="font1">京ICP备11008516号</a>
				</span>
			</div>
			<div class="div7">
			<font id="font2">2018 All Rights Reserved 掌阅科技股份有限公司 版权所有</font>
			</div>
		</footer>
	</body>
</html>
=======
<!DOCTYPE html>
<html>


<head>
<meta charset="UTF-8">
<title>注册</title>
<link rel="stylesheet" type="text/css" href="static/css/index_css.css"/>
<style>
#top {
				width: 100%;
				height: 100px;
				border-bottom: solid 1px gainsboro;
			}
			
			#topleft {
				width: 30%;
				height: 80%;
				float: left;
				margin-top: 40px;
			}
			
			.nam {
				margin: 0px;
				padding: 0px;
			}
			
			.right {
				width: 120px;
				height: 100%;
				text-align: center;
				float: left;
				list-style-type: none;
				margin-top: 75px;
				margin-left: 10px;
				text-decoration: none;
			}
			
			.right a {
				text-decoration: none;
			}
			
			input[type] {
				border: 1px solid darkorange;
				background: white;
			}
			
			#button {
				border: 10px solid orange;
				width: 200px;
				box-shadow: 0px 4px 5px #666;
				background: orange;
				color: white;
			}
			.kong{
				height: 40px;
				width: 300px;
			}
			#button{
				height: 40px;
				width: 220px;
			
			}
			.jeq{
				
				padding-top: 80px;
				padding-bottom: 150px ;
			}
</style>
<script>
			function checkName() {
				var userName = document.getElementById("userName").value;
				if(userName.length == "") {
					document.getElementById("one").innerHTML = "用户名不能为空"
					document.getElementById("one").style.color = "red";
					document.getElementById("button").disabled=true;
					
				} else {
					document.getElementById("one").innerHTML = ""
					document.getElementById("button").disabled=false;
				}
			}
			
			function checkPsw() {
				document.getElementById("two").innerHTML = "请填写6-12位的密码"
				document.getElementById("two").style.color = "#999";


			}


			function pwd1() {
				p = document.getElementById("userPsw").value;


				if(p.length >= 6 && p.length <= 20) {
					document.getElementById("two").innerHTML = ""
					
				} else {
					document.getElementById("two").innerHTML = "格式错误,请输入6-20位"
					document.getElementById("two").style.color = "red";
				}
			}


			function checkPsw2() {
				var qpw = document.getElementById("userPsw").value;
				var qpw2 = document.getElementById("userPsw2").value;


				if(qpw == qpw2 && p.length >= 6 && p.length <= 20) {
					document.getElementById("three").innerHTML = "<font color='green'></font>";
					document.getElementById("button").disabled = false;
				} else {
					document.getElementById("three").innerHTML = "<font color='red'>两次密码不相同或者格式错误</font>";
					document.getElementById("button").disabled = true;
				}
			}
			
			function checkMobile(){
				var tel=document.getElementById("tel").value;
				var telPrompt=document.getElementById("four");
				var regMobile=/^1\d{10}$/;
				if(regMobile.test(tel)==false){;
					telPrompt.innerHTML="<font color='red'>手机号码输入不正确，请重新输入！</font>"
					document.getElementById("button").disabled=true;
				}else{
					
					telPrompt.innerHTML="";
				    document.getElementById("button").disabled=false;
				}
			   
			}
		</script>


</head>


<body>
			<div id="top">
			<div id="topleft">
				<img src="static/img/}KR79AYSKZJ1({0WVD50603.png" />
			</div>
			<div class="topright">
				<ul id="nav">
					<li class="right">
						<a style="color:#808080" href="#">首页</a>
					</li>
					<li class="right">
						<a style="color:#808080" href="#">iReader阅读器</a>
					</li>
					<li class="right">
						<a style="color:#808080" href="#">产品中心</a>
					</li>
					<li class="right">
						<a style="color:#808080" href="#">商务合作</a>
					</li>
					<li class="right">
						<a style="color:#808080" href="#">关于我们</a>
					</li>
					<li class="right">
						<a style="color:#808080" href="#">掌阅招聘</a>
					</li>
					<li class="right">
						<a style="color:#808080" href="#">登录</a>
					</li>
			</div>
		</div>
		<center>
			<div class="jeq">
				<form class="form-horizontal" action="AdminInfoAddAction" enctype="multipart/form-data" method="post">
					<h3>用户注册</h3>
					
					<p>用户名:&nbsp;&nbsp;&nbsp;&nbsp;<input name="username" type="text" class="kong" id="userName" placeholder="请填写用户名" required="required" onblur="checkName()">
					<br><span id="one"></span></p>
					<p>密码:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input name="userpsw" class="kong" id="userPsw" type="password" placeholder="请填写密码" onblur="pwd1()" required="required" onfocus="checkPsw()"><br><span id="two"></span></p>
					<p>确认密码:&nbsp;<input id="userPsw2" class="kong" type="password" placeholder="请确认密码" required="required" onblur="checkPsw2()"><br><span id="three"></span></p>
					<p>手机号:&nbsp;&nbsp;&nbsp;&nbsp;<input name="usertel" type="text" class="kong" id="tel" placeholder="请输入手机号" required="required" onblur="checkMobile()" ><br><span id="four"></span></p>
					<p><input type="checkbox" required="required">我已阅读注册手册</p>
					<p><input type="submit"  id="button" value="注册"></p>
				</form>
			</div>
		</center>
		<div class="div8">
			<ul>
				<li>
					<h1>售后服务</h1>
					<a href="#1">售后服务政策</a><br />
					<a href="#2">退换货办理</a><br />
					<a href="#3">维修流程</a><br />
				</li>
				<li>
					<h1>支付与配送</h1>
					<a href="#4">支付方式</a><br />
					<a href="#5">配送方式</a><br />
				</li>
				<li>
					<h1>关于掌阅</h1>
					<a href="#6">了解掌阅</a><br />
					<a href="#7">加入掌阅</a><br />
				</li>
				<li>
					<h1>关注掌阅</h1>
					<a href="#6">掌阅微博</a><br />
					<a href="#7">掌阅书城</a><br />
				</li>
				<li style="width: 200px;">
					<h1>客服热线</h1><br />
					<h2>400 895 9626</h2><br />
					周一至周日 9:00-18:00
				</li>
			</ul>
		</div>
		<footer class="the end">
			<div class="div5">
				<a href="/terms" title="法律声明">法律声明</a><a href="/copyright" title="版权声明">版权声明</a><a href="/privacy" title="隐私策略">隐私策略</a><a href="/aboutour/contact-us" title="联系我们">联系我们</a>	
			</div>
			<div class="div6">
				<span>
					<a href="http://www.ireader.com/static/images/papers/publishing_license_2018.jpg" target="_blank">出版物经营许可证</a>&nbsp;&nbsp;&nbsp;&nbsp;
					<a href="http://www.ireader.com/static/images/papers/icp.jpg" target="_blank">京ICP证090653号</a>&nbsp;&nbsp;&nbsp;&nbsp;
					<a href="/aboutour/publish" target="_blank">网络出版服务许可证 （总）网出证（京）字第 141 号</a>&nbsp;&nbsp;&nbsp;&nbsp;
					<a href="http://www.ireader.com/static/images/papers/document.jpg" target="_blank">网文证</a>&nbsp;&nbsp;&nbsp;&nbsp;
					<a id="font1">京ICP备11008516号</a>
				</span>
			</div>
			<div class="div7">
			<font id="font2">2018 All Rights Reserved 掌阅科技股份有限公司 版权所有</font>
			</div>
		</footer>
	</body>
</html>
>>>>>>> branch 'master' of https://gitee.com/Fsj0803/iReader.git
